
<html>

<head>

	<title>{{user.name}} Sina Weibo</title>

	<style type="text/css">

		body { font-size:13px}

		p {padding:0px;margin:0px}

		#weibo {width:404px;background:#41ADE0}

		ul.sinat-cont {padding:0px;margin:auto;width:400px;list-style-type:none;background:white}

		ul.sinat-cont li {padding:5px 5px 0 5px;border-bottom:1px gray dashed;margin:2px 4px 0 4px;list-style-type:none;}

		.user_info { color:white}

		.retweeted {padding:2px;background:#FFFFCC;margin-left:10px;border:1px green dashed}

		.retweeted img { display:block }

		.letter{font-size:12px;color:gray;padding-right:5px;margin:5px 5px 5px 0}

		.letter em { float:right}

		#user_profile_image { margin:5px;padding-top:5px}

		#user_name {font-weight:bold}

		#user_description {font-size:12px;color:white}

	</style>

</head>

<body>

	<div id="weibo">

	<span id="user_profile_image"><img src="{{user.profile_image_url}}"/></span>

	<span id="user_name">{{user.name}}</span>

	<span id="user_description"><em>{{user.description}}</em></span>

	<ul class="sinat-cont">

		{% for item in result %}

		<li>

		<span><strong>{{item.author_name}}:</strong> {{item.text}}</span>

		{% if item.retweeted_status %}

		<p class="retweeted">

			<strong>{{item.retweeted_status.user.screen_name}}:</strong>

			{{item.retweeted_status.text}}

			{% if item.retweeted_status.thumbnail_pic %}

			<a href="{{item.retweeted_status.bmiddle_pic}}" target="_blank"><img src="{{ item.retweeted_status.thumbnail_pic }}"/></a>

			{% endif %}

		</p>

		{% endif %}

		{% if item.pic %}

			<p><img src="{{ item.pic }}" /></p>

		{%endif%}

		<p class="letter">{{item.created_at|date:"Y-m-d h:n"}}<em>By&nbsp;{{item.source}}</em></p>

		</li>

		{% endfor %}

	</ul>

	</div>

</html>
